import {request} from "../../request/http"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[{
      id:0,
      value:'体验问题',
      isActive:true
    },{
      id:1,
      value:'商品、商家投诉',
      isActive:false
    }],
    chooseImgs:[]
  },
 // 外网的图片的路径数组
 UpLoadImgs: [],

  tabsChange(e){
    const {index} =e.detail
    let {tabs}=this.data;
    tabs.forEach((item,i)=>i===index?item.isActive=true:item.isActive=false)
    this.setData({
      tabs
    })
  },
  onLoad(options) {

  },
  // 点击+ 选择图片
  handleChooseMedia(){

   let that=this
        //1.调用本地相册
        wx.chooseImage({
          count: 9,
          sizeType: ['original', 'compressed'],
          sourceType: ['album', 'camera'],
          success (res) {
      
            // console.log('上传的文件流信息',res);
            const tempFilePaths = res.tempFilePaths

            if (res.tempFiles[0].size > 1024 * 1024 * 2) {
              wx.showToast({
                  title: '图片请控制在2Mb以内'
              })
              return;
            } 
            that.setData({
              //把最新值跟老值合并下,防止覆盖
              chooseImgs:[...that.data.chooseImgs,...tempFilePaths] 
            })

          }
        })
   
  },
  // 点击 图片删除
  handleRemoveImg(e) {
    // console.log('当前对象',e);
    let index=e.currentTarget.dataset.index   
    let {chooseImgs}=this.data
    chooseImgs.splice(index,1)
    this.setData({
       chooseImgs:chooseImgs
    })
},
 // 文本域的输入的事件
 handleTextInput(e) {
  this.setData({
    textVal:e.detail.value
  })
},
handleFormSubmit(){

  const {textVal,chooseImgs}=this.data;
  // if(textVal.trim()){
  //   wx.showToast({
  //     title: '输入不合法',
  //     icon:'none',
  //     mask:true
  //   })
  //   return
  // }
  chooseImgs.forEach((v,i)=>{
    wx.uploadFile({
      filePath: v,
      url: 'http://175.27.228.178:3434/api/private/v1/upload',
      formData: {},
      header:{
        Authorization:'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE2NjEyMjUxNDgsImV4cCI6MTY2MTMxMTU0OH0.2gCdpJc9qTi5wCpo9q5MRPmNl84LvW0aj46jEBarQSE'
      },
      success: (result) => {
        console.log(result);
        
      },
  
    })
  })
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})